<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
 
<head> 
    <meta http-equiv="Content-Type" 
          content="text/html;charset=utf-8" /> 
    <title><?php echo $page_title; ?></title> 
    
   
<?php foreach ( $cssFiles as $css ): ?> 
    <link rel="stylesheet" type="text/css" media="screen,projection" 
          href="css/<?php echo $css; ?>" /> 
<?php endforeach; ?> 
    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>

    <link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />
    <script type="text/javascript">
    //add javascript code here
    
    $(document).ready(function() {
	
	// Expand Panel
	$("#open").click(function(){
		$("div#panel").slideDown("slow");
	
	});	
	
	// Collapse Panel
	$("#close").click(function(){
		$("div#panel").slideUp("slow");	
	});		
	
	// Switch buttons from "Log In | Register" to "Close Panel" on click
	$("#toggle a").click(function () {
		$("#toggle a").toggle();
	});		
        
		
});
    </script>
</head> 

<?php
    function printHeader()
    {
    echo <<<IMAGE_LIST
   <div id="imageHeader">
        <img src="images/introduction.jpg" width="960"/>  
    </div>
   <div id="introImage">        
        <a href="#" ><img src="images/vanmieu.jpg" /></a>
        <a href="#" ><img src="images/thuathienhue.jpg" /></a>
        <a href="#" ><img src="images/resortSunspa.jpg" /></a>
    </div>
IMAGE_LIST;
    }
?>
        <body> 

 <div id ="top">
     
      <div id="toppanel">
          
	<div id="panel">
		<div class="content clearfix">
			<div class="leftC">
				<h1>Welcome to 2trip travel</h1>
			</div>
			<div class="leftC">
				<!-- Login Form -->
				<form class="clearfix" action="#" method="post">
					<h1>Member Login</h1>
					<label class="grey" for="log">Username:</label>
					<input class="field" type="text" name="log" id="log" value="" size="23" />
					<label class="grey" for="pwd">Password:</label>
					<input class="field" type="password" name="pwd" id="pwd" size="23" />
	            	<label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Remember me</label>
        			<div class="clear"></div>
					<input type="submit" name="submit" value="Login" class="bt_login" />
					<a class="lost-pwd" href="#">Lost your password?</a>
				</form>
			</div>
			<div class="leftC rightC">			
				<!-- Register Form -->
				<form action="#" method="post">
					<h1>Not a member yet? Sign Up!</h1>				
					<label class="grey" for="signup">Username:</label>
					<input class="field" type="text" name="signup" id="signup" value="" size="23" />
					<label class="grey" for="email">Email:</label>
					<input class="field" type="text" name="email" id="email" size="23" />
					<label>A password will be e-mailed to you.</label>
					<input type="submit" name="submit" value="Register" class="bt_register" />
				</form>
			</div>
		</div>
         </div> <!-- /login -->	

                <!-- The tab on top -->	
                <div class="tab">
                        <ul class="login">
                                <li class="leftBar">&nbsp;</li>
                                <li>Hello</li>
                                <li class="sep">|</li>
                                <li id="toggle">
                                        <a id="open" class="open" href="#">Log In | Register</a>
                                        <a id="close" style="display: none;" class="close" href="#">Close Panel</a>			
                                </li>
                                <li class="right">&nbsp;</li>
                        </ul> 
                </div> <!-- / top -->

        </div>
        <img src="images/logo.jpg" />   
        <div id="menuVer">
            <ul>
			<li><a href="news.php">Tin tức</a></li>
			<li><a href="#">Điểm đến</a></li>
			<li><a href="album.php">Album</a></li>
			<li><a href="breakpage.php?start=1">Sơ đồ</a></li>
			<li><a href="#">Liên hệ</a></li>
            </ul>
        </div>';       
    }
        

    
    </div>
 
</body> 
 
</html> 